﻿<%@ Page Title="Home" Language="C#" MasterPageFile="~/MasterPages/Frontend.master" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
    <style type="text/css">
        .slideshow {
            height: 400px;
            width: 600px;
            margin: auto;
        }

            .slideshow img {
                padding: 0;
                border: 2px solid #ccc;
                background-color: #eee;
            }
        .auto-style1 {
            width: 100%;
        }
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
    <div >
    <script type="text/javascript" src="Scripts/jquery.cycle.all.js" ></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $('.slideshow').cycle({
                fx: 'fade'
            });
        });
    </script>
    <table class="auto-style1">
        <tr>
            <td><asp:Label ID="Content" runat="server" Text="Label"></asp:Label></td>
        </tr>
        <tr>
            <td>
    <asp:ListView ID="ListView1" runat="server" DataSourceID="SqlDataSource1">
        <ItemTemplate>
            <asp:Image ID="Image1" runat="server" ImageUrl='<%# Eval("ImageUrl") %>'  width="600"/>
        </ItemTemplate>
        <LayoutTemplate>
            <div id="itemPlaceholderContainer" runat="server" class="slideshow">
                <span runat="server" id="itemPlaceholder" />
            </div>
            <div style="">
            </div>
        </LayoutTemplate>
    </asp:ListView>
            </td>
        </tr>
    </table>
    <asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:ProjectASPConnectionString %>" SelectCommand="SELECT TOP (3) ImageUrl FROM Pictures"></asp:SqlDataSource>
</div>
    <br /><br /><br /><br /><br />
</asp:Content>

